<template>
    <div class=" cart-cpn">
        <cartHeadCpn></cartHeadCpn>
        <cartCenterCpn></cartCenterCpn>
        <cartContentCpn></cartContentCpn>
    </div>
</template>

<script>
import cartHeadCpn from './components/head.vue'
import cartCenterCpn from './components/center.vue'
import cartContentCpn from './components/content.vue'

export default {
    components: {
        cartHeadCpn,
        cartCenterCpn,
        cartContentCpn
    }
}
</script>

<style scoped  lang="scss">
.cart-cpn{
    width: 400px;
    // height: 600px;
    background-color: #f7f7f7;
    // outline: 2px solid green;
}
</style>